/* Kreuzberg Custom Theme */

/* Light Mode */
:root > * {
	/* Primary brand color (turquoise) */
	--md-primary-fg-color: #58fbda;
	--md-primary-fg-color--light: #affff0;
	--md-primary-fg-color--dark: #2abfa1;

	/* Accent (purple) */
	--md-accent-fg-color: #da2ae0;

	/* TEXT */
	--md-default-fg-color: #323040;
	--md-default-fg-color--light: #323040;
	--md-default-fg-color--dark: #323040;

	/* LINKS */
	--md-typeset-a-color: #58fbda;
	--md-typeset-a-hover-color: #da2ae0;

	/* BACKGROUNDS */
	--md-default-bg-color: #ffffff;
	--md-default-bg-color--light: #ffffff;
	--md-default-bg-color--dark: #f2f2f4;

	/* SURFACES */
	--md-primary-bg-color: #ffffff;
	--md-shadow-z1: none;
}

/* Dark Mode */
:root[data-md-color-scheme="slate"] > * {
	/* Primary brand color (turquoise) */
	--md-primary-fg-color: #58fbda;
	--md-primary-fg-color--light: #affff0;
	--md-primary-fg-color--dark: #2abfa1;

	/* Accent (purple) */
	--md-accent-fg-color: #da2ae0;

	/* TEXT */
	--md-default-fg-color: #ffffff;
	--md-default-fg-color--light: #ffffff;
	--md-default-fg-color--dark: #ffffff;

	/* LINKS */
	--md-typeset-a-color: #da2ae0;
	--md-typeset-a-hover-color: #58fbda;

	/* BACKGROUNDS */
	--md-default-bg-color: #323040;
	--md-default-bg-color--light: #3c3a4a;
	--md-default-bg-color--dark: #2a2836;

	/* SURFACES */
	--md-primary-bg-color: #323040;
	--md-shadow-z1: none;
}

/* Inline code styling */
[data-md-color-scheme="slate"] code {
	background-color: #3c3a4a;
	color: #58fbda;
	padding: 0.2em 0.4em;
	border-radius: 4px;
}

[data-md-color-scheme="default"] code {
	background-color: #f2f2f4;
	color: #da2ae0;
	padding: 0.2em 0.4em;
	border-radius: 4px;
}

/* Code Block Styling - Dark Mode Code Card Style */
[data-md-color-scheme="slate"] .highlight {
	background-color: #323040;
	border-radius: 12px;
	padding: 1rem;
	margin-bottom: 1.5rem;
}

[data-md-color-scheme="slate"] .highlight pre {
	background-color: transparent;
	color: #ffffff;
	margin: 0;
	font-size: 14px;
	line-height: 1.6;
}

[data-md-color-scheme="slate"] .highlight code {
	background-color: transparent;
	color: #ffffff;
}

/* Code Block Styling - Light Mode Code Card Style */
[data-md-color-scheme="default"] .highlight {
	background-color: #f1fffc;
	border-radius: 12px;
	padding: 1rem;
	margin-bottom: 2rem;
}

[data-md-color-scheme="default"] .highlight pre {
	background-color: transparent;
	color: #323040;
	margin: 0;
	font-size: 14px;
	line-height: 1.6;
}

[data-md-color-scheme="default"] .highlight code {
	background-color: transparent;
	color: #323040;
}

/* Syntax highlighting adjustments for dark mode */
[data-md-color-scheme="slate"] .highlight .k,
[data-md-color-scheme="slate"] .highlight .kn,
[data-md-color-scheme="slate"] .highlight .kd {
	color: #da2ae0;
}

[data-md-color-scheme="slate"] .highlight .s,
[data-md-color-scheme="slate"] .highlight .s1,
[data-md-color-scheme="slate"] .highlight .s2 {
	color: #affff0;
}

[data-md-color-scheme="slate"] .highlight .nf,
[data-md-color-scheme="slate"] .highlight .nc {
	color: #58fbda;
}

/* Syntax highlighting adjustments for light mode */
[data-md-color-scheme="default"] .highlight .k,
[data-md-color-scheme="default"] .highlight .kn,
[data-md-color-scheme="default"] .highlight .kd {
	color: #da2ae0;
}

[data-md-color-scheme="default"] .highlight .s,
[data-md-color-scheme="default"] .highlight .s1,
[data-md-color-scheme="default"] .highlight .s2 {
	color: #2abfa1;
}

[data-md-color-scheme="default"] .highlight .nf,
[data-md-color-scheme="default"] .highlight .nc {
	color: #58fbda;
}

/* Terminal/command block styling */
.highlight .language-bash,
.highlight .language-sh,
.highlight .language-console {
	position: relative;
}

/* Add terminal icon styling - dark mode */
[data-md-color-scheme="slate"] .highlight .language-bash::before,
[data-md-color-scheme="slate"] .highlight .language-sh::before,
[data-md-color-scheme="slate"] .highlight .language-console::before {
	content: "Terminal";
	display: block;
	color: rgba(255, 255, 255, 0.6);
	font-size: 14px;
	margin-bottom: 0.75rem;
}

/* Add terminal icon styling - light mode */
[data-md-color-scheme="default"] .highlight .language-bash::before,
[data-md-color-scheme="default"] .highlight .language-sh::before,
[data-md-color-scheme="default"] .highlight .language-console::before {
	content: "Terminal";
	display: block;
	color: rgba(50, 48, 64, 0.6);
	font-size: 14px;
	margin-bottom: 0.75rem;
}

/* Button styling */
.md-button {
	border-radius: 8px;
	transition: all 0.2s ease;
}

.md-button--primary {
	background-color: var(--md-primary-fg-color);
	color: var(--md-default-fg-color);
}

.md-button--primary:hover {
	background-color: var(--md-accent-fg-color);
	color: #ffffff;
}

/* Admonition styling */
.md-typeset .admonition {
	border-radius: 8px;
}

/* Tab styling */
.tabbed-set {
	border-radius: 8px;
	overflow: hidden;
}

.tabbed-labels > label {
	color: var(--md-default-fg-color);
	transition: color 0.2s ease;
}

.tabbed-labels > label:hover {
	color: var(--md-accent-fg-color);
}

.tabbed-labels > label[for]:hover,
.tabbed-labels > label[for][aria-selected="true"] {
	color: var(--md-primary-fg-color);
}

/* Search styling */
.md-search__input {
	border-radius: 8px;
}

.md-search__input::placeholder {
	color: var(--md-default-fg-color);
	opacity: 0.5;
}
